body{
    background-color: #FAFAFA;
}
/*头部样式*/
.head{
    background: #CC0000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
/*下拉框*/
.nav-sel{
    height: 100%;
    background-color: #CC0000;
    display: flex;
    align-items: center;
}
.nav-sel>select{
    margin: 0;
    padding: 0;
    border: none;
    color: white;
    background:url('../images/icon_xiala.png') no-repeat right center;
    padding-right: 0.2rem;
    background-size:0.13rem 0.07rem;
}
.nav-sel option{
    border: none;
    background-color: #cc0000;
}
/*搜索框*/
.head>a{
    width: 70%;
    height: 0.3rem;
    background-color: white;
    line-height: 0.3rem;
    border-radius: 0.3rem;
}
.head>a>img{
    width: 0.18rem;
    height: 0.18rem;
    margin-left:0.16rem;
}
.head>a>span{
    font-size:0.12rem;
    font-family:PingFangSC-Light;
    font-weight:300;
    color:rgba(153,153,153,1);
    margin-left: 0.05rem;
}
/*top 轮播图*/
.swip .swiper-container{
    height: 1.86rem;
}
.swip img{
    width: 100%;
    height: 100%;
}
.not-swip{
    display: block;
    margin-top:0.08rem;
    width: 100%;
    height: 0.3rem;
    background-color: white;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow-y: hidden;
}
.not-swip img:first-child{
    width: 0.22rem;
    height: 0.18rem;
    margin-left: 0.12rem;
}
.not-swip img:last-child{
    width: 0.07rem;
    height: 0.12rem;
    margin-right: 0.12rem;
}
.not-swip .swiper-slide{
    line-height: 0.3rem;
    font-size:0.12rem;
    font-family:PingFangSC-Light;
    color:rgba(153,153,153,1);
}
.not-swip .swiper-container{
    height: 0.3rem;
}
/*名片*/
.card{
    margin-top:0.09rem;
    width:100%;
    background-color: white;
    margin-bottom: 0.5rem;
}
.card-top{
    height: 0.39rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.card-top span{
    font-size:0.13rem;
    font-family:PingFangSC-Light;
    /*font-weight:300;*/
    color:rgba(204,0,0,1);
    margin-left: 0.12rem;
}
.card-top img{
    width: 0.11rem;
    height: 0.11rem;
    margin-right: 0.12rem;
}
/*名片列表*/
.card-mian{
    width: 93%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pic0{
    background-color: #EA4E2A;
}
.pic1{
    background-color: #EA802A;
}
.pic2{
    background-color: #EABB2A;
}
.oldp{
    background-color: #FAFAFA;
    color: #000!important;
}
.card-mi{
    width: 47.5%;
    margin-bottom: 0.15rem;
    box-shadow:0rem 0.01rem 0.1rem 0rem rgba(0, 0, 0, 0.1);
    position: relative;
}
.card-mipic{
    height: 1.68rem;
}
.card-mipic img{
    width: 100%;
    height: 0.84rem;
}
.card-mi>p{
    position: absolute;
    width:0.38rem;
    height:0.2rem;
    font-size:0.11rem;
    font-family:PingFangSC-Light;
    color:rgba(255,255,255,1);
    text-align: center;
}
.card-mi dt{
    font-size:0.12rem;
    font-family:PingFangSC-Light;
    font-weight:300;
    color:rgba(51,51,51,1);
    padding-top: 0.09rem;
    padding-left: 0.04rem;
}
.card-mi dd{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-left: 0.04rem;
    padding-right: 0.04rem;
    height: 0.25rem;
}
.card-mi dd>img{
    width:0.18rem;
    height:0.09rem;
}
.card-mi img{
    width: 100%;
}
.card-see img{
    width: 0.12rem;
    height: 0.09rem;
}
.card-see span{
    font-size:0.11rem;
    font-family:PingFangSC-Light;
    font-weight:bold;
    color:rgba(153,147,147,1);
}
.card-coll img{
    width: 0.1rem;
    height: 0.1rem;
}
.card-coll span{
    font-size:0.11rem;
    font-family:PingFangSC-Light;
    font-weight:bold;
    color:rgba(216,30,6,1);
}
.card-pop{
    width: 1rem;
    height: 0.22rem;
    position: absolute;
    right: 0.25rem;
    bottom: 0;
    background: url("../images/index_backbj.png") no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.card-pop >img{
    width: 0.01rem;
    height: 0.13rem;
}
.card-pop li:first-child{
    padding-left: 0.04rem;
}
.card-pop li:first-child>img{
    width: 0.12rem;
    height: 0.11rem;
}
.card-pop li:last-child{
    padding-right: 0.05rem;
}
.card-pop li:last-child>img{
    width: 0.12rem;
    height: 0.12rem;
}
.card-pop span{
    font-size:0.11rem;
    font-family:PingFangSC-Light;
    color:rgba(255,255,255,1);
}
/*底部*/
.foot{
    width: 100%;
    height: 0.5rem;
    background-color: #CC0000;
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: row;
}
.foot>a{
    width: 33.3%;
    height: 0.5rem;
    display: block;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.foot>a>img{
    max-width: 0.18rem;
    max-height:0.17rem;
    margin-top: 0.05rem;
}
.foot>a>span{
    font-size:0.12rem;
    font-family:PingFangSC-Light;
    font-weight:300;
    color:rgba(255,255,255,1);
}
.foot>a:first-child>span{
    color: #FFFF00;
}
